<template>
  <div class="all">
    <MyBack/>
    昵称：<br><input type="text" v-model="name"><br>
    个性签名：<br><input type="text" v-model="autograph">
  </div>
</template>

<script>
import MyBack from '@/components/MyBack.vue';

export default {
  components: {
    MyBack
  },
  data () {
    return {
      name: localStorage.getItem("name"),
      autograph: localStorage.getItem("autograph"),
    }
  },
  watch: {
    name(){
      localStorage.setItem("name", this.name);
    },
    autograph(){
      localStorage.setItem("autograph", this.autograph);
    }
  }
}
</script>
<style scoped>
input{
  padding: 10px;
  font-size: 2.3vh;
  margin-top: 10px;
  margin-bottom: 25px;
  font-weight: 100;
  border: 0px solid;
  color: rgb(42, 84, 70);
}
.all{
  color: rgb(164, 101, 24);
}
</style>


